<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="jquery-2.0.0.min.js"></script>
</head>
<body>
    <script>
        // $(function(){
        //     $("#uu>li").mouseenter(function(){
        //         $(this).css("backgroundColor","red")
        //     })
        //     $("#uu>li").mouseleave(function(){
        //         $(this).css("backgroundColor","")
        //     })
        //     $("#uu>li").click(function(){
        //         $(this).css("backgroundColor","green");
        //         $(this).css("fontFamily","全新硬笔行书简");
        //         $(this).css("fontsize","30px");

        //     })

        // })
        $(function(){
            $("#uu>li").mouseenter(function(){
                $(this).css("backgroundColor","red")
            })
           .mouseleave(function(){
                $(this).css("backgroundColor","")
            })
           .click(function(){
                $(this).css("backgroundColor","green")
                .css("fontFamily","隶书")
                .css("fontSize","30px");

            })

        })
    </script>
    <ul id="uu">
        <li>在哪里</li>
        <li>我IE你我受冷风崔</li>
        <li>在重点等你</li>
        <li>薛之谦</li>
        <li>李荣浩</li>
        <li>年少有为</li>
        <li>年少有为</li>
        <li>年少有为</li>
        <li>年少有为</li>
    </ul>
</body>
</html>